<template>
	<view>
		<view class="top"><view class="text" >3个队伍正在招募中</view></view>
					<uni-search-bar class="ss" radius="100" placeholder="请输入中学名次或队长姓名关键词查询" clearButton="none" cancelButton="none" @confirm="search" >
						<uni-icons slot="searchIcon" color="white" size="18" type="home" />
					</uni-search-bar>
							<view @click="tozm">
									<uni-card class="bg" title="武汉第一中学" extra="招募中" sub-title="队长：陈婉仪
							                      队伍名称：武汉一队" thumbnail="https://ts1.cn.mm.bing.net/th/id/R-C.7f23934df81c674f19f9f3c4686737fb?rik=ar3GrEEMYwLEfA&riu=http%3a%2f%2ftm-image.tianyancha.com%2ftm%2f76f4ff9e2ae2b93921902001d987042e.jpg&ehk=ZD1dGeHHHU1Gzz3bBseEWz5dFeI%2beG3a%2faJPf5BTecU%3d&risl=&pid=ImgRaw&r=0">
												<text class="uni-body">28人已经加入，赶紧报名吧！</text>
											</uni-card>
							</view>
							<view @click="tobm">
									<uni-card  class="bg" title="武汉第一中学" extra="招募中" sub-title="队长：陈婉仪
							                      队伍名称：武汉一队" thumbnail="https://ts1.cn.mm.bing.net/th/id/R-C.7f23934df81c674f19f9f3c4686737fb?rik=ar3GrEEMYwLEfA&riu=http%3a%2f%2ftm-image.tianyancha.com%2ftm%2f76f4ff9e2ae2b93921902001d987042e.jpg&ehk=ZD1dGeHHHU1Gzz3bBseEWz5dFeI%2beG3a%2faJPf5BTecU%3d&risl=&pid=ImgRaw&r=0">
												<text class="uni-body">28人已经加入，赶紧报名吧！</text>
											</uni-card>
							</view>
							<view @click="toxx">
									<uni-card  class="bg" title="武汉第一中学" extra="招募中" sub-title="队长：陈婉仪
							                      队伍名称：武汉一队" thumbnail="https://ts1.cn.mm.bing.net/th/id/R-C.7f23934df81c674f19f9f3c4686737fb?rik=ar3GrEEMYwLEfA&riu=http%3a%2f%2ftm-image.tianyancha.com%2ftm%2f76f4ff9e2ae2b93921902001d987042e.jpg&ehk=ZD1dGeHHHU1Gzz3bBseEWz5dFeI%2beG3a%2faJPf5BTecU%3d&risl=&pid=ImgRaw&r=0">
												<text class="uni-body">28人已经加入，赶紧报名吧！</text>
											</uni-card>
							</view>
	</view>
</template>

<script setup>
	import { ref } from 'vue';
	let tozm=function(){
		uni.navigateTo({
		    url: '/pages/Student-captain/detail',
		})
	}
	let tobm=function(){
		uni.navigateTo({
		    url: '/pages/Student-player/detail',
		})
	}
	let toxx=function(){
		uni.navigateTo({
		    url: '/pages/Student-captain/audit/Creat',
		})
	}
</script>

<style>
	.uni-body{
		width: 159px;
		height: 17px;
		font-family: PingFangSC-Regular;
		font-weight: 400;
		font-size: 12px;
		color: #999DA3;
		text-align: center;
	}
	.bg{
		background-image: url(/static/bg.png);
		}
	.top{
				width: 100%;
				height: 32px;
				background:#BFDFFF;
				display:table;
			}
			.text{
				font-size: 14px;
				color: #166AFF;
				text-align: center;
				display: table-cell;
				vertical-align: middle;
				}
		.ss{
			height: 38px;
			background: #FFFFFF;
			box-shadow: 0 2px 5px 0 #E2E4EB;
			border-radius: 6px;
		}
		.uni-section .uni-section-header[data-v-637fd36b]{
		    position: relative;
		    display: flex;
		    flex-direction: row;
		    align-items: center;
		    padding: 0;
		    font-weight: normal;
		}
		.uni-card {
			border-radius: 24rpx;
		}
		.uni-section .uni-section-header[data-v-637fd36b] {
		    position: relative;
		    display: flex;
		    flex-direction: row;
		    align-items: center;
		    padding: 0px;
		    font-weight: normal;
		}
</style>